<template>
	<view class="bigbox">
		
		<view class="one">
			<view class="header">
				<image class="headerimg" src="https://static.smartisanos.cn/mobilenew/img/head.4b81d150.png"></image>
				<text class="headertxt">注册/登录</text>
				<text class="header1">></text>
			</view>
		</view>
		
			<view class="personalList">
				<view class="navItem" >
					<span class='iconfont'>&#xe746</span>
					<p class='txt'>全部订单</p>
				</view>
				<view class="navItem" >
					<span class='iconfont'>&#xe759</span>
					<p class='txt'>代付款</p>
				</view>
				<view class="navItem" >
					<span class='iconfont'>&#xe765</span>
					<p class='txt'>待收货</p>
				</view>
				<view class="navItem" >
					<span class='iconfont'>&#xe76a</span>
					<p class='txt'>待评价</p>
				</view>
				<view class="navItem" >
					<span class='iconfont'>&#xe773</span>
					<p class='txt'>售后</p>
				</view>
			</view>
		
		<view class="bigall">
			<view class="aone">
				<span class='onetxt'>地址管理</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>我的优惠券</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>优先购买码</span>
				<span>></span>
			</view>
		</view>
		
		<view class="bigall">
			<view class="aone">
				<span class='onetxt'>常见问题</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>服务支持</span>
				<span>></span>
			</view>
		</view>
		
		<view class="bigall">
			<view class="aone">
				<span class='onetxt'>意外碎屏保险</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>延长保修服务</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>协议政策</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>资质证照</span>
				<span>></span>
			</view>
			<view class="aone">
				<span class='onetxt'>活动说明</span>
				<span>></span>
			</view>
		</view>
	</view>
</template>

<script>

</script>

<style lang="stylus">
	.bigbox
		background: #d4d4d4
		padding : 30upx 0
		.one
			display: flex
			justify-content: center
			height: 100%
			width :90%
			margin-left: 5%
			.header
				flex: 1
				width: 90%
				height: 190upx
				background: #ffffff
				border-radius: 30upx 30upx 0 0
				display: flex
				align-items: center
				.headerimg
					height: 121upx
					width: 121upx
					margin: 0 34upx
				.headertxt
					font-size: 40upx
					font-weight: 500
					width: 65%
				.header1
					font-weight: 800
</style>
<style lang="stylus">
	.bigbox
		.personalList
			display: flex
			height: 140upx
			justify-content: center
			background: #ffffff
			border-radius: 0 0 30upx 30upx
			width :90%
			margin-left: 5%
			overflow :hidden
			.navItem
				width: 20%
				text-align: center
				flex-wrap:wrap
				.txt
					font-size :30upx
</style>
<style lang="stylus">
	.bigbox
		.bigall
			width: 90%
			margin: 50upx 5%
			border-radius: 30upx
			overflow :hidden
			.aone
				width: 100%
				background: #ffffff
				height:90upx
				padding-left: 20upx
				padding-top : 30upx
				.onetxt
					display :inline-block
					width : 90%
</style>


